.shelf{
  padding: 10px 20px 2px 20px;
  background: sandybrown;
  //height: 100vh;
  .header{
    //height: 10vh;
    margin-top: 1vh;
    display: flex;
    justify-content: space-between;
    .title-name{
      font-size: 1.4rem;
      font-weight: 500;
    }
    .right{
      display: flex;
      .icon{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 1vw;
        //.img
        .icon-text{
          margin-top: 6px;
          font-size: 16px;
        }
      }
    }

  }
  .book{
    margin-top: 6vh;
    min-height: 89vh;
    border-radius: 10px;
    background: antiquewhite;
    .book-item{
      padding: 20px 10px;
      display: flex;
      .book-img {
        width: 100px;
        height: 140px;
        border-radius: 6px;
      }
      .book-content{
        margin-left: 2vw;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .sub{
          font-size: 20px;
          color: #717171;
        }
      }
    }
  }

}
